/*body{
    font-family: Verdana;
    font-size: 12px;
}*/
#notif_c{
    position: absolute;
    left:270px;
    border: solid;
    border-color:#009;
    border-width:1px;
    background-color: #f6f6f6;
    width: 310px;
    z-index: 1;
}

#profile_c{
    position: absolute;
    left:50px;
    border: solid;
    border-color:#009;
    border-width:1px;
    background-color: #f6f6f6;
    width: 200px;
}


#container {
    margin-left: 4%;
    border: solid;
    border-color:#009;
    border-width:thick;
    height: auto;
    width: 90%;
    position: relative;
    display:block;
    background-color: #dfdab7;
}

#headerBody {
    position: relative;
    height:20px;
    /*border:solid;*/
    margin-bottom: 20px;
}

#Search {
    left:372px;
    top:2px;
    position:absolute;
}

#SearchBar {
    width:300px;
}

#TableLogin {
    margin-left:580px;
}

#logout_link {
    text-decoration: none;
    float:right;
    margin-right:20px;
}
#logout_link:hover {
    text-decoration: underline;
    float:right;
    margin-right:20px;
}

#headerLink{
    text-decoration: none;
    color:blue;
}
#headerLink:hover{
    text-decoration: underline;
    color:blue;
}



.group_content {
    margin-bottom:10px;
    border:solid;
    border-color:#ccc;
    border-width:thin;
    background-color: #e0fcc0;
}

#wall_post {
    width:700px;
    position:relative;
    background-color: #eee;
}

#profpic_welcome {
    width:70px;
    height:70px;
}
#profpic_small {
    width:30px;
    height:30px;
}

#image_commentator {
    width:30px;
    height:30px;
}

#welcome {
    position:relative;
    top:-30px;
    font-family:"Comic Sans MS", cursive;
    font-size:18px;
    font-weight:bold;
    left:10px;
}

#link_name {
    text-decoration:none;
    color:#00F;
}
#link_name:hover {
    text-decoration:underline;
    color:#00F;
}

.twotable {
    overflow:hidden;
}

#group_wall {
    float:left;
    position:relative;
    left:78px;
}

#wall_post {
    position:relative;
}

.wall_container {
    position:relative;
    /*left:85px;*/
    padding-top:15px;
    border-style:solid;
    border-top-width:1px;
    border-bottom-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-color:#E9E9E9;
    background-color: #eee;
}

#wall_name {
    position:relative;
    top:-35px;
    left:35px;
    width:95%;
}

#wall_delete a {
    color:#999;
    width:10px;
    text-decoration:none;
    position:relative;
    float:right;
    top:-55px;
}

#wall_delete:hover a {
    color:#333;
    text-decoration:none;
}


#wall_body {
    position:relative;
    top:-35px;
    left:35px;
    width:95%;
}

#wall_comment {
    position:relative;
    left:35px;
    top:-20px;
    margin-bottom:-30px;
    width:95%;
}

#name_commentator {
    position:relative;
    top:-34px;
    left:35px;
    width:90%;
}

#comment_content {
    position:relative;
    top:-54px;
    left:35px;
    width:90%;
}

#comment_delete a {
    color:#999;
    width:10px;
    text-decoration:none;
    position:relative;
    top:-58px;
    left:655px;
}

#comment_delete:hover a {
    color:#333;
    text-decoration:none;
    position:relative;
    top:-58px;
    left:655px;
}

#insert_comment {

}

#SubmitComment {
    position:relative;
    float:right;
    top:-27px;
}

#SubmitComment2 {
    position:relative;
    float:right;
}

/* *** Text area *** */
.textarea { 
    padding: 2px;
    position:relative;
    top:-20px;
    left:35px;
    border: solid 1px #E5E5E5;
    outline: 0;
    font-family: "Times New Roman", Times, serif;
    width: 650px;
    max-width:650px;
    height:50px;
    max-height:50px;
    /*background: #FFFFFF url('../images/bg_form.png') left top repeat-x;*/
    /*background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);*/
    /*box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;*/
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    margin-bottom:20px;
}

.textarea:hover, .textarea:focus { 
    border-color: #C9C9C9;
    -moz-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

.textarea2 { 
    padding: 2px;
    position:relative;
    border: solid 1px #E5E5E5;
    outline: 0;
    font-family: "Times New Roman", Times, serif;
    margin-left:100px;
    width: 400px;
    max-width:400px;
    height:30px;
    max-height:30px;
    /*background: #FFFFFF url('../images/bg_form.png') left top repeat-x;*/
    /*background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);*/
    /*box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;*/
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    margin-bottom:20px;
}

.textarea2:hover, .textarea2:focus { 
    border-color: #C9C9C9;
    -moz-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

.textarea3 { 
    padding: 2px;
    position:relative;
    border: solid 1px #E5E5E5;
    outline: 0;
    font-family: "Times New Roman", Times, serif;
    margin-left:0px;
    width: 300px;
    max-width:300px;
    height:20px;
    max-height:20px;
    /*background: #FFFFFF url('../images/bg_form.png') left top repeat-x;*/
    /*background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);*/
    /*box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;*/
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    margin-bottom:20px;
}

.textarea3:hover, .textarea3:focus { 
    border-color: #C9C9C9;
    -moz-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}



#posting_text {
    position:relative;
    left:50px;
}

#insert_post {
    position:relative;
    top:0px;
    left:65px;
    width:94.5%;
}

#group_follower {
    /*left:820px;	*/
    float:right;
    width:300px;
}

#follow_group {
    position:relative;
    width:300px;
}

#follower {

}

#following {

}

#image_follow {
    width:50px;
    height:50px;
}


#title_group {
    font-family:"Comic Sans MS", cursive;
    font-size: 15px;
}

#title_wall{
    font-family:"Comic Sans MS", cursive;
    font-size: 15px;
}

.clear {
    clear:both;
}

#footerBody {
    position:relative;
}


/* Uploader.php */
#_title {
    position:relative;
    font-family:"Comic Sans MS", cursive;
    font-size:18px;
    font-weight:bold;
}

#_title a {
    position:relative;
    font-family:"Comic Sans MS", cursive;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}

#_title:hover a {
    position:relative;
    font-family:"Comic Sans MS", cursive;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}

#_title2 {
    position:relative;
    font-family:"Comic Sans MS", cursive;
    font-size:14px;
    font-weight:bold;
}

#LabelSuccessfull {
    margin-left:625px;
}

.uinputarea{
    padding-top:10px;
    display:block;
    padding-bottom:10px;
    margin-left:10px;
    margin-bottom:20px;
}

.ulabeler{
    float:left;
    width:100px;
}

.ulabeler2{
    float:left;
    width:200px;
}


#ImagesFile {
    position:relative;
    left:37px;
}

#description_text {
    top:0px;
    left:37px;
    width:500px;
    height:100px;
    max-height:100px;
}

#text_line {
    height:27px;
    top:0px;
    width:500px;
}

#IconCalendar {
    position:relative;
    left:37px;
}

#select_menu {
    position:relative;
    left:37px;
}

#SubmitUpload {
    margin-bottom:10px;
    margin-top:10px;
    position:relative;
    left:600px;
}

/* Gallery.php */
#image_container {
    overflow:hidden;
    margin-bottom:5px;
    margin-top:5px;
    padding-top:20px;
    padding-bottom:30px;
}

#page_photo {
	text-align:right;
	margin-right:85px;	
}
.hoverbox
{
    cursor: default;
    list-style: none;
    width:90%;
    position:relative;
    left:15px;
}

.hoverbox a
{
    cursor: default;
}

.hoverbox a .preview
{
    display: none;
}

.hoverbox a:hover .preview
{
    display: block;
    position: absolute;
    top: -33px;
    left: -45px;
    z-index: 1;
	width: 200px;
    height: 150px;	
}

.hoverbox img
{
    background: #fff;
    border-color: #aaa #ccc #ddd #bbb;
    border-style: solid;
    border-width: 1px;
    color: inherit;
    padding: 2px;
    vertical-align: top;
	width: 100px;
    height: 75px;
    max-width: 100px;
    max-height: 75px;
}

.hoverbox li
{
    background: #eee;
    border-color: #ddd #bbb #aaa #ccc;
    border-style: solid;
    border-width: 1px;
    color: inherit;
    display: inline;
    float: left;
    margin: 3px;
    padding: 5px;
    position: relative;
}

#normal_list {
    background:none;
    border:none;
}

.hoverbox .preview
{
    border-color: #000;
    max-width: 200px;
    max-height: 150px;
}

#content_photo_gedhe {
    overflow:hidden;
    display:table;
    width:100%;
}

#center_image {
    position:relative;
    display:table-cell;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

#centerBody{
    border-style: solid;
    border-color: blue;
    border-width: 1px;
}

.preview_gedhe
{
    border-color: #ddd #bbb #aaa #ccc;
    border-style: solid;
    border-width: 1px;
    background-color:#FFF;
    max-width: 600px;
    max-height: 450px;
}

#arrow_right {
    position:relative;
    display:table-cell;
    vertical-align:middle;
    text-align:right;
    margin-top:auto;
    margin-bottom:auto;
}

#arrow_right a {
    /*top:360px;
	left:1100px;*/	
    color:#CCC;
    text-decoration:none;
}

#arrow_right:hover a {
    color:#000;
    text-decoration:none;
}

#arrow_left {
    position:relative;
    display:table-cell;
    vertical-align:middle;
    margin-top:auto;
    margin-bottom:auto;
}

#arrow_left a {
    color:#CCC;
    text-decoration:none;
}

#arrow_left:hover a {
    color:#000;
    text-decoration:none;
}

#coll {
    overflow:hidden;
}





#right_group {
    /*overflow:hidden;
	float:right;
	position:relative;
	right:-500px;	
	top:-53px;*/
}

#three_column {
    overflow:hidden;
    clear:both;
}

#left_column {
    float: left;
    width: 200px;
}

#middle_column {
    margin-left: 250px;
    margin-right: 250px;
    width:60%px;
}

#right_column {
    float: right;
    width: 215px;
}

/* Left Column */
#rating_place {

}

#rating_content {
    position:relative;
    text-align:center;
}

#rating_content a {
    font-size:18px;
    font-weight:bolder;
    font-family:"Comic Sans MS", cursive;
}


#description_tag {
    position:relative;
    margin-top:30px;
}

.description_content {
    position:relative;
    left:10px;
}

#tag_place {

}

#tag_place #_title2 {

}

#tag_content {

}

#tag_isi {

}

#photo_comment  {
    margin-top:30px;
    position:relative;
}

#less_comment_photo {
	text-align:right;
}
#text_comment_photo {
    width:90%;
    max-width:90%;
    position:relative;
    top:0px;
    left:10px;
    margin-bottom:5px;
}


#image_commentator_photo {
    width:30px;
    height:30px;
}

#name_commentator_photo {
    position:relative;
    top:-34px;
    left:35px;
    width:90%;
}

#commentphoto_content {
    position:relative;
    top:-35px;
    left:35px;
    width:90%;
}

#commentphoto_delete a {
    color:#999;
    width:10px;
    text-decoration:none;
    float:right;
}

#commentphoto_delete:hover a {
    color:#333;
    text-decoration:none;
    float:right;
}

/* Profile.php */

#center_profile {
    width:75%;
    overflow:hidden;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:80px;
    margin-bottom:50px;
}

#center_profile #title_group {
    position:relative;
    left:20px;
    font-weight:bold;
}

#image_profile_center {
    float:left;
}

#profile_details {
    position:relative;
    margin-left:120px;
}

.profile_content {
    position:relative;
}

#label_profile {
    float:left;
    width:100px;
}

#follow_profile {
    margin-bottom:90px;
    background-color: #ccc;
}

#follow_profile #title_group {
    font-weight:bold;
}


#edit_follow {
    float:right;
}

#edit_follow a {
    font-family:"Comic Sans MS", cursive;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}


#following_profile {
    overflow:hidden;
}

#follower_profile {
    overflow:hidden;
}

#display_follower {
    overflow: hidden;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-top: 20px;
    padding-bottom: 30px;
}

#add_follow {
    margin-top:50px;
}

#SubmitAddFollow {
    margin-bottom:10px;
    position:relative;
    left:490px;
}

.peringatan {

}

/* otherprofile.php */
#col_otherprofile {
    margin-top:80px;
    overflow:hidden;
}
#left_col {
    float:left;
    width:790px;
}

#right_col {	
    float:right;
    width:280px;
}

#top_content {
    overflow:hidden;
    margin-left:76px;
}

#profile_details2 {
    position:relative;
    margin-left:120px;
}

#content_two {
    margin-top:10px;
    margin-left:76px;
}

#content{
    border-style : solid;
    border-width: 1px;
    border-color : #009;
}

#center_profile2 {

}

#center_profile2 #title_group {
    position:relative;
    left:20px;
    font-weight:bold;
}

#menu_profile {	

}

#post_awall {

}

#insert_post2 {
    position:relative;
    left:0px;
    width:94.5%;
}

#insert_post2 .textarea {
    top:0px;
}

#posting_text2 {
    position:relative;
}
#SubmitPosting2 {
    float:right;
    margin-right:-40px;
}

#wall_comment2 {
    position:relative;
    left:35px;
    top:-20px;
    margin-bottom:0px;
    width:95%;
}


#comment_content2 {
    position:relative;
    top:-35px;
    left:35px;
    width:90%;
}

#message_container{
    position:relative;
    left:35px;
    width:90%;
    border-style: solid;
    border-color: blue;
    border-width: 1px;
    background-color: #f6f6f6;
}

#message_content{
    position:relative;
    /*top: 20px;*/
    left:25px;
}

#message_body{
    position:relative;
    left:15px;
    width:90%;
    border-style: solid;
    border-color: green;
    border-width: 1px;
    background-color: #e8fdd0;
}

#title_new_thread {
    font-family:"Comic Sans MS", cursive;
    font-size: 15px;
    position: relative;
    left: 300px;
}

#title_list_thread {
    font-family:"Comic Sans MS", cursive;
    font-size: 15px;
    position: relative;
    left: 3px;
}

#new_thread{
    position:relative;
    left:300px;
    width:43%;
    border-style: solid;
    border-color: blue;
    border-width: 1px;
    background-color: #e0fcc0;
}

#thread_to{
    position:relative;
    left: 30px;
}

#thread_sub{
    position:relative;
    left: 2px;
}

#thread_body{
    position:relative;
    left: 14px;
}

#thread_submit{
    position:relative;
    left: 430px;
}

#title_reply {
    font-family:"Comic Sans MS", cursive;
    font-size: 15px;
    position: relative;
    left: 200px;
}

#title_post_reply {
    font-family:"Comic Sans MS", cursive;
    font-size: 15px;
    position: relative;
    left: 325px;
}

#new_reply_thread{
    position:relative;
    left:200px;
    width:60%;
    border-style: solid;
    border-color: blue;
    border-width: 1px;
    background-color: #eee;
}

#reply_body{
    position:relative;
    left:15px;
    width:90%;
    border-style: solid;
    border-color: green;
    border-width: 1px;
}

#reply_text{
    position:relative;
    left:5px;
    
}

#post_reply{
    position:relative;
    left:325px;
    width:37%;
    border-style: solid;
    border-color: blue;
    border-width: 1px;
    background-color: #eee;
}

#button_reply{
    position: relative;
    left: 370px;
}

#footer{
    font-family: Verdana;
    font-size: 9px;
}

#userOnline{
    position: relative;
    left: 30px;
    width: 350px;
}